<template>
  <h2 class="base-title">
    <!-- 挖了一个坑（专业叫法：插槽） -->
    <!-- 如果光这么写，代表没有默认值 -->
    <!-- 就意味着外面没传，这里没有显示 -->
    <!-- <slot /> -->

    <!-- 你传什么，这里就显示什么 -->
    <!-- 但是如果你没传，就显示记事本 -->
    <slot>记事本</slot>
  </h2>
</template>

<script>
export default {
  name: 'BaseTitle',
}
</script>

<style>
.base-title {
  margin: 0 auto 10px;
  text-align: center;
  color: #6a4d52;
  font-size: 30px;
}
</style>
